*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  width: calc(100vw + 0px);
  height: calc(100vh + 0px);
  max-width: calc(100vw + 0px);
  max-height: calc(100vh + 0px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

html, body {
  overflow: hidden;
  cursor: default;
  margin: 0px;
  padding: 0px; }

body {
  display: inherit;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.Container {
  overflow: inherit;
  display: inherit; }

.VDirection {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.HDirection {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.ParentSize {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.XScroll {
  overflow-x: auto; }

.YScroll {
  overflow-y: auto; }

.ItemsFlowRowWrap {
  flex-flow: row wrap; }